<template>
  <div class="page">
	  	<div class="root">

			<div class="trade">
				<nav class="t-header">
					<a class="backTag" href="">
						<div class="backWrap">
							<div>
							
							</div>
						</div>
					</a>
					<div class="group">
						<div class="cell">
							<a class="order active" aria-current="true" href="">实盘下单</a>
							<a class=" position" aria-current="false" href="">实盘持仓</a>
						</div>
					</div>
					<div class="rule">规则</div>
				</nav>

				<div class="quoteBar fall">
					<div class="left">沪深300&nbsp;&nbsp;IF1807&nbsp;
						<div class="triangle"></div>
					</div>
					<div class="right">3379.4&nbsp;&nbsp;-52.8&nbsp;&nbsp;-1.54%</div>
				</div>

				<div class="chartBar">
					<ul>
						<li>
							<div class="active">分时</div>
						</li>
						<li>
							<div class="">日线</div>
						</li>
						<li>
							<div class="">1分</div>
						</li>
						<li>
							<div class="">3分</div>
						</li>
						<li>
							<div class="">5分</div>
						</li>
						<li>
							<div class="">15分</div>
						</li>
						<li>
							<div class="">盘口</div>
						</li>
					</ul>
				</div>

				<div class="chart">
					<div class="dynamic hide">
						<table>
							<tbody>
								<tr>
									<td><span>开盘</span><span>3370.0</span></td>
									<td><span>昨收</span><span>3445.8</span></td>
								</tr>
								<tr>
									<td><span>涨跌</span><span class="fall">-52.8</span></td>
									<td><span>涨幅</span><span class="fall">-1.54%</span></td>
								</tr>
								<tr>
									<td><span>最高</span><span class="fall">3402.2</span></td>
									<td><span>最低</span><span class="fall">3344.0</span></td>
								</tr>
								<tr>
					
					<td><span>涨停</span><span>3775.4</span></td>
									<td><span>跌停</span><span>3089.0</span></td>
								</tr>
								<tr>
									<td><span>今结</span><span>3371.6</span></td>
									<td><span>昨结</span><span>3432.2</span></td>
								</tr>
								<tr>
									<td><span>持仓</span><span>0</span></td>
									<td><span>总手</span><span>26299</span></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div id="tradingView">
						
					</div>
				</div>

				<div class="stateBar">
					<div class="loginBar">
						<a href="">登&nbsp;&nbsp;录</a>
						<a href="">注&nbsp;&nbsp;册</a>
					</div>
					<div class="volume">
						<div class="left">
							<div class="raise" ></div>&nbsp;16</div>
						<div class="text">买卖量</div>
						<div class="right">10&nbsp;
							<div class="fall" ></div>
						</div>
					</div>
					<div class="controller">
						<a class="raise" href="">70.81买涨</a>
						<a class="fall" href="">70.80买跌</a>
					</div>
				</div>

			</div>

		</div>
  </div>
</template>

<script>
import Vue from "vue";
import store from "src/store/index";
export default {
  data() {
    return {};
  },
  components: {

  },
  methods: {
   
  },
  mounted: function() {
  
  },
  computed: {
   
  }
};
</script>
<style lang="less" scope>
@import url("~assets/less/_mixins.less");

</style>